<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .svg{
            /* svg的一个属性叫fill */
            fill: aqua;
            /* 设置的是标签的宽高,不是svg的宽高 */
            width: 300px;
            height: 300px;
             
        }
    </style>
</head>
<body>
    <!-- 1,svg可以当作图片的路径使用 -->
    <img src="../src/icons/svg/eye-open.svg" alt="">

    <!-- 可以直接使用svg标签 -->
    <!-- 
        width:宽度
        height:高度
        viewBox:四个值 0 0 130 130 
                前面两个值:x与y轴的偏移量
                后两个值:图片的原大小
        fill:填充的颜色
     -->
    <svg class="svg" width="128" viewBox="0 0 130 130 " height="128" xmlns="http://www.w3.org/2000/svg">
        <path d="M96.258 57.462h31.421C124.794 27.323 100.426 2.956 70.287.07v31.422a32.856 32.856 0 0 1 25.971 25.97zm-38.796-25.97V.07C27.323 2.956 2.956 27.323.07 57.462h31.422a32.856 32.856 0 0 1 25.97-25.97zm12.825 64.766v31.421c30.46-2.885 54.507-27.253 57.713-57.712H96.579c-2.886 13.466-13.146 23.726-26.292 26.291zM31.492 70.287H.07c2.886 30.46 27.253 54.507 57.713 57.713V96.579c-13.466-2.886-23.726-13.146-26.291-26.292z"/>
    </svg>
   

</body>
</html>